<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>


	id            #
	类选择器		  .
	标签选择器	  标签名
	*			  选中所有标签
	div p   	  后代选择器
	div>p 		  子代选择器

	div.one       交集选择器   只有满足 既是div  又是  类名one
	.one,.two     并集选择器   同时选中 类名one 和 类名two

	nth-child(第几个)    选中同级别的第几个
	nth-of-type(第几个)  选中同级别同类型的第几个


	总结：  id    class   标签     *   谁权重更高

	继承  < * <  标签 < class <  id  <  行内  <   important
	font-
	text-
	color-
	line-


	width
	heigh
	px  像素点  100% 根据父级空间


	font-size
	font-weight  设置字体粗细
	color
	background
	text-align   文本水平对齐方式
	text-indent  首行缩进


	margin
	padding
	border


	display:inline  变为行内标签
	display:block   变为块标签
	display:inline-block   变为行内块标签



	vertical-align  控制行呢你 或 行内块元素 垂直对齐

	line-height 行高  行与行之间的距离

	border-radius 圆角   50%为一个圆
	border-top-radius    还可以设置某一个角






</body>
</html>